<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Dream</title>
	<!-- Bootstrap Styles-->
    <link href="../../static/assets/css/bootstrap.css" th:href="@{assets/css/bootstrap.css}" rel="stylesheet" />
     <!-- FontAwesome Styles-->
    <link href="../../static/assets/css/font-awesome.css" th:href="@{assets/css/font-awesome.css}" rel="stylesheet" />
     <!-- Morris Chart Styles-->
   
        <!-- Custom Styles-->
    <link href="../../static/assets/css/custom-styles.css" th:href="@{assets/css/custom-styles.css}" rel="stylesheet" />
     <!-- Google Fonts-->
   <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
    <!-- TABLE STYLES-->
    <link href="../../static/assets/js/dataTables/dataTables.bootstrap.css" th:href="@{assets/js/dataTables/dataTables.bootstrap.css}" rel="stylesheet" />
</head>

<body>
    <div id="wrapper">
        <nav class="navbar navbar-default top-navbar" role="navigation">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="admin_index">飘得快后台管理</a>
            </div>

            <ul class="nav navbar-top-links navbar-right">
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                        <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-messages">
                        <li>
                            <a href="#">
                                <div>
                                    <strong>John Doe</strong>
                                    <span class="pull-right text-muted">
                                        <em>Today</em>
                                    </span>
                                </div>
                                <div>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s...</div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <strong>John Smith</strong>
                                    <span class="pull-right text-muted">
                                        <em>Yesterday</em>
                                    </span>
                                </div>
                                <div>Lorem Ipsum has been the industry's standard dummy text ever since an kwilnw...</div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <strong>John Smith</strong>
                                    <span class="pull-right text-muted">
                                        <em>Yesterday</em>
                                    </span>
                                </div>
                                <div>Lorem Ipsum has been the industry's standard dummy text ever since the...</div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a class="text-center" href="#">
                                <strong>Read All Messages</strong>
                                <i class="fa fa-angle-right"></i>
                            </a>
                        </li>
                    </ul>
                    <!-- /.dropdown-messages -->
                </li>
                <!-- /.dropdown -->
                <li class="dropdown" style="margin-right: 20px;">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                        <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-user">
                        <li><a href="#"><i class="fa fa-user fa-fw"></i> User Profile</a>
                        </li>
                        <li><a href="#"><i class="fa fa-gear fa-fw"></i> Settings</a>
                        </li>
                        <li class="divider"></li>
                        <li><a href="#"><i class="fa fa-sign-out fa-fw"></i> Logout</a>
                        </li>
                    </ul>
                    <!-- /.dropdown-user -->
                </li>
            </ul>
        </nav>
        <!--/. NAV TOP  -->
        <nav class="navbar-default navbar-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav" id="main-menu">
                    <li>
                        <a href="admin_index"><i class="fa fa-fw fa-user"></i> 用户管理员</a>
                    </li>
                    <li>
                        <a id="dianji"><i class="fa fa-users"></i> 用户管理<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level" style="height: auto;">
                            <li>
                                <a href="userInfo">用户信息</a>
                            </li>
                            <li>
                                <a href="integralList">积分</a>
                            </li>
                            <li>
                                <a href="couponList">优惠券</a>
                            </li>
                            <li>
                                <a href="bankCard">银行卡</a>
                            </li>
                            <li>
                                <a href="safety">安全状况</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-shopping-cart"></i> 订单管理<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li>
                                <a href="successOrder">历史完成订单</a>
                            </li>
                            <li>
                                <a href="effectiveFlight">航班未出发订单</a>
                            </li>
                            <li>
                                <a href="invalidOrder">无效订单</a>
                            </li>
                        </ul>
                    </li>
					<li>
                        <a href="#"><i class="fa fa-edit"></i> 财务管理<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li>
                                <a href="orderIncome">订单收入</a>
                            </li>
                            <li>
                                <a href="cash_back">返现支出</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-envelope"></i> 信息管理<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level collapse in">
                            <li class="active-menu">
                                <a href="inform">通知用户</a>
                            </li>
                            <li>
                                <a href="message">接收用户信息</a>
                            </li>
                            <li>
                                <a href="evaluate">航班评价信息</a>
                            </li>
                        </ul>
                    </li>
                    
                </ul>

            </div>

        </nav>
        <!-- /. NAV SIDE  -->
        <div id="page-wrapper">
            <div id="page-inner">


                <div class="row">
                    <div class="col-md-12">
                        <h1 class="page-header">
                                通知用户 <small></small>
                        </h1>
                    </div>
                </div>

                <!-- /. ROW  -->
                <div class="row">
                    <div class="col-lg-8">
                        <!-- Advanced Tables -->
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                    发送列表
                            </div>
                            <div class="panel-body">                                                    
                                <ul style="list-style-type:none">
                                    <div class="table-responsive">
                                        <table class="table" id="dataTables-example">
                                            <thead>
                                                <tr>                                              
                                                    <th style="width: 9%;">
                                                        <div class="checkbox">
                                                            <label>
                                                                <input type="checkbox" value="">全选
                                                            </label>
                                                        </div>
                                                    </th>
                                                    <th></th>
                                                    <th style="width: 10%;">操作</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr class="odd gradeX">
                                                    <td class="center">
                                                        <div class="checkbox">
                                                            <label>
                                                                <input type="checkbox" value="">
                                                            </label>
                                                        </div>
                                                    </td>
                                                    <td class="center">
                                                        <li class="alert alert-info">
                                                            <div>
                                                                <strong>李阿白</strong>
                                                                <span class="pull-right text-muted">
                                                                    <em>今天</em>
                                                                </span>
                                                            </div>
                                                            <div>你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好</div>                                          
                                                        </li>
                                                    </td>
                                                    <td class="center">
                                                        <a href="#" class="btn btn-danger btn-sm">删除</a>
                                                    </td>
                                                </tr>
                                                <tr class="odd gradeX">
                                                    <td class="center">
                                                        <div class="checkbox">
                                                            <label>
                                                                <input type="checkbox" value="">
                                                            </label>
                                                        </div>
                                                    </td>
                                                    <td class="center">
                                                        <li class="alert alert-info">
                                                            <div>
                                                                <strong>李阿白</strong>
                                                                <span class="pull-right text-muted">
                                                                    <em>昨天</em>
                                                                </span>
                                                            </div>
                                                            <div>你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好</div>                                          
                                                        </li>
                                                    </td>
                                                    <td class="center">                                             
                                                        <a href="#" class="btn btn-danger btn-sm">删除</a>
                                                    </td>
                                                </tr>
                                                <tr class="odd gradeX">
                                                    <td class="center">
                                                        <div class="checkbox">
                                                            <label>
                                                                <input type="checkbox" value="">
                                                            </label>
                                                        </div>
                                                    </td>
                                                    <td class="center">
                                                        <li class="alert alert-info">
                                                            <div>
                                                                <strong>李阿白</strong>
                                                                <span class="pull-right text-muted">
                                                                    <em>今天</em>
                                                                </span>
                                                            </div>
                                                            <div>你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好</div>                                          
                                                        </li>
                                                    </td>
                                                    <td class="center">
                                                        <a href="#" class="btn btn-danger btn-sm">删除</a>
                                                    </td>
                                                </tr>
                                                <tr class="odd gradeX">
                                                    <td class="center">
                                                        <div class="checkbox">
                                                            <label>
                                                                <input type="checkbox" value="">
                                                            </label>
                                                        </div>
                                                    </td>
                                                    <td class="center">
                                                        <li class="alert alert-info">
                                                            <div>
                                                                <strong>李阿白</strong>
                                                                <span class="pull-right text-muted">
                                                                    <em>昨天</em>
                                                                </span>
                                                            </div>
                                                            <div>你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好</div>                                          
                                                        </li>
                                                    </td>
                                                    <td class="center">                                             
                                                        <a href="#" class="btn btn-danger btn-sm">删除</a>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <div>
                                            <a href="#" class="btn btn-danger btn-sm">全部删除</a>
                                        </div>
                                    </div>                             
                                </ul>                               
                            </div>
                        </div>
                        <!--End Advanced Tables -->
                    </div>
                    <div class="col-lg-4">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                信息发送
                            </div>
                            <div class="panel-body">
                                <div class="row">
                                    <div class="col-lg-12">
                                        <form role="form">
                                            <div class="form-group">
                                                <label>用户账户</label>
                                                <input class="form-control">
                                            </div>
                                            <div class="form-group">
                                                <label>文本内容</label>
                                                <textarea class="form-control" rows="10"></textarea>
                                            </div> 
                                            <button type="reset" class="btn btn-default">重置</button>                                 
                                            <button type="submit" class="btn btn-default">发送</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /. PAGE INNER  -->
        </div>
        <!-- /. PAGE WRAPPER  -->
    </div>

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">账号:13052476852</h4>
                </div>
                <div class="modal-body">
                        <form role="form">
                            <div class="form-group">
                                <label class="control-label" for="inputSuccess1">手机账号</label>
                                <input type="text" class="form-control" id="inputSuccess1">
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="inputSuccess2">密码</label>
                                <input type="text" class="form-control" id="inputSuccess2">
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="inputSuccess3">昵称</label>
                                <input type="text" class="form-control" id="inputSuccess3">
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="inputSuccess4">姓名</label>
                                <input type="text" class="form-control" id="inputSuccess4">
                            </div>
                            <div class="form-group">
                                <label class="control-label">性别</label>
                                <label class="radio-inline">
                                    <input type="radio" name="optionsRadiosInline" id="optionsRadiosInline1" value="option1" checked="">男
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" name="optionsRadiosInline" id="optionsRadiosInline2" value="option2">女
                                </label>                 
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="inputSuccess">联系电话</label>
                                <input type="text" class="form-control" id="inputSuccess">
                            </div>
                            <div class="form-group">
                                <label class="control-label">会员</label>
                                <label class="radio-inline">
                                    <input type="radio" name="optionhuiyuan" id="optionhuiyuan1" value="option1" checked="">是
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" name="optionhuiyuan" id="optionhuiyuan2" value="option2">否
                                </label>                 
                            </div>
                        </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary">保存</button>
                </div>
            </div>
        </div>
    </div>

    <!-- /. WRAPPER  -->
     <!-- JS Scripts-->
    <!-- jQuery Js -->
    <script src="../../static/assets/js/jquery-1.10.2.js" th:src="@{assets/js/jquery-1.10.2.js}"></script>
      <!-- Bootstrap Js -->
    <script src="../../static/assets/js/bootstrap.min.js" th:src="@{assets/js/bootstrap.min.js}"></script>
    <!-- Metis Menu Js -->
    <script src="../../static/assets/js/jquery.metisMenu.js" th:src="@{assets/js/jquery.metisMenu.js}"></script>
     <!-- DATA TABLE SCRIPTS -->
    <script src="../../static/assets/js/dataTables/jquery.dataTables.js" th:src="@{assets/js/dataTables/jquery.dataTables.js}"></script>
    <script src="../../static/assets/js/dataTables/dataTables.bootstrap.js" th:src="@{assets/js/dataTables/dataTables.bootstrap.js}"></script>
        <script>
            $(document).ready(function () {
                $('#dataTables-example').dataTable();
            });
    </script>
         <!-- Custom Js -->
    <script src="../../static/assets/js/custom-scripts.js" th:src="@{assets/js/custom-scripts.js}"></script>


</body>

</html>